<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>背景属性</title>
		<style>
				body {
				width: 100%;
				height: 1000000px;
				background-image: url(img/蜡笔小新 .png);
				background-size: cover;
				/*函数cover 等比例放大图片
				contain 等比例缩放图片  特点：图片按照比例缩放背景空间
				*/
			}
			
			div{
				width: 300px;
				height: 300px;
				background-color: #e4393c;
				background: #ffff00;
				background-image: url(img/蜡笔小新 .png);
				/*问题：超大图-不显示  小图-显示
				注意：背景空间大小、如果图小于背景空间--平铺
				*/
			   background-repeat: no-repeat;
			   /*no-repeat不平铺  repeat-x ,y 横， 纵向平铺*/
			   background-size: contain;
			   /*背景尺寸属性值：数值px% |函数 cover contain*/
			}
		</style>
	</head>
	<body>
		<!--html img  背景   引入一张图片 ，位置不可随意改变
		    css  背景图片    引入一张图片， 位置可以随意改变
			 子属性 background-color 背景颜色
			       background 背景图
			 复合属性 background   代替子属性
			 -->
		<div></div>
		
	</body>
</html>